/* 
    Document   : style
    Created on : 04/11/2009, 21:41:08
    Author     : henrique
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    margin: 0px;    
    font-family: Segoe UI, verdana, arial, helvetica, sans-serif;
    color: white;
    font-size: medium;
    background-color: #eae049;
}

fieldset {
    margin-left: 5em;
    margin-right: auto;
    width: 600px;
    padding: 1em;
    background: url(../images/footer.png)  repeat-x;
    background-color: #eae049;
    color: #e89300;
    font-weight: bold;    
    border-color: #e8c500;
    border-style: solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

#favclub {
    margin-top:1.0em;
}

label {    
    font-size: small;
    float:left;
    width:25%;
    margin-right:0.5em;
    padding-top:0.2em;
    text-align:right;
    color: #0038a9;
    font-weight: normal;
}

#header {
    background-image: url(../images/header.png);
    background-repeat: repeat-x;
    height: 144px;
}

#nav {
    margin-top: -90px;
    background-image: url(../images/navigation_background.png);
    background-repeat: repeat-x;
    height: 40px;
    padding-top: 10px;
    width: inherit;    
}

#content {
    background-image: url(../images/fundo_canelada.png);
    background-repeat: no-repeat;
    background-color: white;
    min-height: 437px;
    background-position: 50% 50%;
}

li {
    display: inline;
    padding-right: 15px;
    padding-left: 15px;
}

li.common {
    border-right-style: solid;
    border-right-width: 1px;
}


#login {
   margin-left: 0em;
}

.box_header {
	background-image: url(../images/box_header.png);
	background-repeat: no-repeat;
	height: 48px;
    width: 400px;
}

.box_body {    
    min-height: 280px;
    margin-left: 5em;
    margin-right: auto;
    width: 450px;
    padding: 1em;
    background: url(../images/footer.png)  repeat-x;
    background-color: #eae049;
    color: #e89300;
    font-weight: bold;
    border-color: #e8c500;
    border-style: solid;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}


.box_footer {
    background-image: url(../images/box_footer.png);
    background-repeat: no-repeat;
    height: 41px;
    width: 400px;
}

#main_container {    
    background-color: white;
}

#footer {
    padding: 2em;
    background: url(../images/footer.png)  repeat-x;
}

div.favclub {
  margin:0px;
  padding:0px;
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

ul.favclub_list  {
  background-color:#ffb;
  margin:0px;
  padding:0px;
  list-style-type:none;
  border-right-color: #e8c500;
  border-left-color: #e8c500;
  border-bottom-color: #e8c500;
  border-right-style: solid;
  border-left-style: solid;
  border-bottom-style: solid;
  width: 300px;
  -webkit-border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  -moz-border-radius-bottomleft: 6px;
}

li.favclub_list.selected {
  background-color:#e8c500;
  color: #ffb;
}

ul.favclub_list li.favclub_list {
  margin:0;
  padding:2px;
  padding-left:10px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;  
}

#msg_error, #msg_warning, #msg_notice {
    margin-left: 5em;
    margin-bottom: 1em;
    width: 400px;
    background-color:#fffac5;
    color: #e89300;
    border-color: #e8c500;
    border-style: solid;
    border-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 1em;
    padding-left: 4em;
    background-position: 1% 50%;
}

#msg_error {
    background-image: url(../images/error.png);
    background-repeat: no-repeat;
}

#msg_warning {
    background-image: url(../images/warning.png);
    background-repeat: no-repeat;
}